// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.artist-album {
  background-color: hsl(var(--hsl-b5));
  padding: 20px;
  align-items: center;
  .default-box-shadow();
  overflow: hidden;

  &__badge {
    position: relative;
    margin-left: auto;
  }

  &__cover {
    width: 64px;
    height: 64px;
    .default-box-shadow();
    .default-border-radius();
    position: relative;
  }

  &__header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
  }

  &__header-overlay {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    filter: blur(20px);
    -webkit-filter: blur(20px);
    opacity: 0.5;
    top: 0;

    &--new {
      &::after {
        .full-size();
        content: "";
        background: linear-gradient(
          to left,
          @osu-colour-orange-1 0%,
          transparent 30%
        );
      }
    }
  }

  &__title {
    padding: 10px;
    font-size: 2em;
    color: white;
    .default-text-shadow();
    position: relative;
  }
}
